import {designPage, onMounted} from "@peryl/react-compose";
import {Button, i18n, PageCard, PageCardContent} from "plain-design";
import {usePageService} from "../../modules/micro/usePageService";
import {useSketchColors} from "./useSketchColors";
import {microApp} from "../../microApp";

export default designPage(() => {

  const { nav, isFirstPage, pageParam } = usePageService();

  const { sketchColorsColors } = useSketchColors();

  const close = () => {isFirstPage ? nav.closeTab() : nav.back();};

  const { message, closable, path, query } = pageParam || {};

  onMounted(() => {
    if (!!path) {
      microApp.route.history.push(path, query);
    }
  });

  return () => {

    const {
      bg1, bg2, bg3, bg4, bg5, bg6, bg7,
      color1,
      color2,
      color3,
      color4,
      color5,
      color6,
    } = sketchColorsColors.value;

    return (
      <PageCard full className="page-core page-core-result">
        <PageCardContent full>
          <div className="page-core-content">
            <div className="page-core-content-result">
              <svg height="2620" node-id="1" template-height="2620" template-width="3132" version="1.1" viewBox="0 0 3132 2620" width="3132" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
                <defs node-id="81">
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint0_linear_7_591" node-id="25" spreadMethod="pad" x1="2387.24" x2="2387.24" y1="577.782" y2="302.018">
                    <stop offset="0" stopColor={color1} stopOpacity="0.1"/>
                    <stop offset="0.79" stopColor={color2} stopOpacity="0.74"/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint1_linear_7_591" node-id="33" spreadMethod="pad" x1="290.49" x2="721.267" y1="857.663" y2="294.219">
                    <stop offset="0" stopColor={color1} stopOpacity="0.1"/>
                    <stop offset="0.79" stopColor={color2} stopOpacity="0.74"/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint2_linear_7_591" node-id="41" spreadMethod="pad" x1="2331.5" x2="2804" y1="706" y2="88">
                    <stop offset="0" stopColor={color1} stopOpacity="0.1"/>
                    <stop offset="0.79" stopColor={color2} stopOpacity="0.74"/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint3_linear_7_591" node-id="49" spreadMethod="pad" x1="1692.27" x2="1737.27" y1="2610.5" y2="1352.5">
                    <stop offset="0.2597" stopColor={color1}/>
                    <stop offset="1" stopColor={color2}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint4_linear_7_591" node-id="52" spreadMethod="pad" x1="2791.93" x2="2635.5" y1="1870.05" y2="1872.51">
                    <stop offset="0" stopColor={color1}/>
                    <stop offset="1" stopColor={color2}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint5_linear_7_591" node-id="55" spreadMethod="pad" x1="3079.86" x2="2923.43" y1="2014.02" y2="2016.48">
                    <stop offset="0" stopColor={color1}/>
                    <stop offset="1" stopColor={color2}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint6_linear_7_591" node-id="58" spreadMethod="pad" x1="529.695" x2="309.949" y1="2054.96" y2="2058.38">
                    <stop offset="0" stopColor={color1}/>
                    <stop offset="1" stopColor={color2}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint7_linear_7_591" node-id="61" spreadMethod="pad" x1="794.947" x2="595.558" y1="1190.36" y2="1153.49">
                    <stop offset="0" stopColor={color6}/>
                    <stop offset="1" stopColor={color1}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint8_linear_7_591" node-id="64" spreadMethod="pad" x1="762.232" x2="616.963" y1="1128.51" y2="1234.82">
                    <stop offset="0" stopColor={color6}/>
                    <stop offset="0.0000000000000002220446" stopColor={color6}/>
                    <stop offset="1" stopColor="#bfd4fa" stopOpacity="0.5"/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint9_linear_7_591" node-id="68" spreadMethod="pad" x1="1467.52" x2="518.14" y1="553.606" y2="1140">
                    <stop offset="0" stopColor={color6}/>
                    <stop offset="1" stopColor="#bfd4fa" stopOpacity="0.5"/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint10_linear_7_591" node-id="71" spreadMethod="pad" x1="1090.58" x2="2173.3" y1="969.51" y2="2264.25">
                    <stop offset="0" stopColor={color6} stopOpacity="0.21"/>
                    <stop offset="0.9749" stopColor={color1} stopOpacity="0.54"/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint11_linear_7_591" node-id="74" spreadMethod="pad" x1="583" x2="2022.01" y1="1506" y2="1782.94">
                    <stop offset="0" stopColor={color1}/>
                    <stop offset="1" stopColor={color6}/>
                  </linearGradient>
                  <linearGradient gradientUnits="userSpaceOnUse" id="paint12_linear_7_591" node-id="77" spreadMethod="pad" x1="1629.5" x2="1628.89" y1="1104.5" y2="534.933">
                    <stop offset="0" stopColor={color6}/>
                    <stop offset="1" stopColor={color2}/>
                  </linearGradient>
                </defs>
                <path d="M 2575.74 406.73 C 2555.69 375.24 2521.74 355.72 2484.81 354.38 C 2463.31 321.10 2426.45 301.35 2387.21 302.02 C 2355.80 301.72 2325.54 314.24 2303.29 336.82 C 2293.12 333.54 2282.50 331.83 2271.84 331.83 C 2222.42 331.83 2181.62 366.49 2177.41 410.35 C 2139.73 419.44 2112.60 452.79 2111.00 492.03 C 2111.00 539.29 2153.71 577.78 2205.43 577.78 L 2568.10 577.78 C 2620.57 577.78 2662.53 539.29 2662.53 492.03 C 2663.35 447.13 2624.56 410.24 2575.74 406.73 Z" fill="url(#paint0_linear_7_591)" fillRule="nonzero" node-id="194" stroke="none" target-height="276.43597" target-width="552.3501" target-x="2111" target-y="301.346"/>
                <path d="M 836.18 436.00 L 774.96 436.00 C 774.96 313.36 675.55 214.00 553.02 214.00 C 430.41 214.00 331.09 313.36 331.09 436.00 L 286.36 436.00 C 229.92 436.00 184.27 485.68 184.27 547.00 C 184.27 608.32 230.00 658.00 286.36 658.00 L 836.18 658.00 C 892.55 658.00 938.27 608.32 938.27 547.00 C 938.27 485.68 892.55 436.00 836.18 436.00 Z" fill="url(#paint1_linear_7_591)" fillRule="nonzero" node-id="196" stroke="none" target-height="444" target-width="754" target-x="184.273" target-y="214"/>
                <path d="M 2930.02 243.50 L 2862.89 243.50 C 2862.89 108.93 2753.86 0.00 2619.47 0.00 C 2485.07 0.00 2376.04 108.93 2376.04 243.50 L 2326.97 243.50 C 2265.09 243.50 2215.00 297.97 2215.00 365.25 C 2215.00 432.40 2265.09 487.00 2326.97 487.00 L 2930.02 487.00 C 2991.91 487.00 3042.00 432.40 3042.00 365.25 C 3042.00 297.97 2991.91 243.50 2930.02 243.50 Z" fill="url(#paint2_linear_7_591)" fillRule="nonzero" node-id="198" stroke="none" target-height="487" target-width="827" target-x="2215" target-y="0"/>
                <path d="M 1522.45 1753.04 C 1964.28 1753.04 2362.13 1789.10 2640.28 1846.61 C 2912.30 1848.49 3131.28 1929.90 3131.28 2030.17 C 3131.28 2109.64 2993.71 2177.31 2801.23 2202.86 C 2755.31 2216.39 2703.55 2229.21 2646.76 2241.16 C 2648.27 2248.71 2648.99 2256.42 2648.99 2264.12 C 2648.99 2439.04 2268.70 2580.84 1799.58 2580.84 C 1377.55 2580.84 1027.35 2466.03 961.34 2315.66 C 398.21 2272.90 0.00 2167.66 0.00 2044.57 C 0.00 1883.54 681.61 1753.04 1522.45 1753.04 Z" fill="url(#paint3_linear_7_591)" fillOpacity="0.68" fillRule="evenodd" node-id="200" stroke="none" target-height="827.80005" target-width="3131.28" target-x="0" target-y="1753.04"/>
                <path
                  d="M 2809.58 1649.16 L 2811.81 1656.72 L 2813.69 1663.85 L 2814.55 1669.61 L 2812.82 1681.41 L 2807.78 1691.63 L 2800.01 1699.91 L 2790.22 1705.60 L 2781.72 1706.03 L 2773.59 1706.46 L 2765.02 1706.46 L 2694.91 1707.40 L 2694.91 1781.61 L 2695.56 1814.73 L 2697.14 1844.74 L 2699.38 1875.41 L 2634.59 1875.41 L 2635.96 1858.06 L 2636.82 1830.27 L 2637.33 1783.41 L 2637.33 1715.39 L 2629.12 1720.43 L 2620.19 1722.08 L 2612.92 1721.15 L 2606.95 1718.48 L 2601.84 1714.31 L 2597.73 1708.69 L 2546.84 1706.03 L 2533.24 1700.56 L 2522.15 1691.13 L 2516.61 1683.14 L 2513.37 1674.29 L 2512.22 1664.28 L 2512.65 1659.39 L 2514.02 1654.92 L 2525.25 1629.15 L 2527.12 1619.65 L 2530.86 1610.94 L 2536.26 1603.02 L 2542.81 1596.26 L 2613.43 1466.90 L 2613.86 1466.90 L 2623.36 1452.29 L 2634.16 1440.20 L 2642.51 1434.15 L 2652.44 1430.41 L 2664.25 1429.11 L 2679.72 1431.27 L 2693.33 1437.53 L 2704.49 1447.32 L 2712.40 1459.78 L 2769.13 1569.55 L 2778.70 1574.01 L 2787.05 1580.20 L 2794.32 1588.27 L 2799.79 1597.55 L 2803.10 1607.70 L 2804.18 1618.93 L 2801.95 1634.05 L 2809.58 1649.16 Z"
                  fill="url(#paint4_linear_7_591)" fillRule="nonzero" node-id="202" stroke="none" target-height="446.30005" target-width="302.33008" target-x="2512.22" target-y="1429.11"/>
                <path
                  d="M 3097.52 1793.13 L 3099.75 1800.69 L 3101.62 1807.82 L 3102.48 1813.57 L 3100.75 1825.38 L 3095.72 1835.60 L 3087.94 1843.88 L 3078.15 1849.57 L 3069.66 1850.00 L 3061.52 1850.43 L 3052.96 1850.43 L 2982.85 1851.37 L 2982.85 1925.58 L 2983.49 1958.69 L 2985.08 1988.71 L 2987.31 2019.37 L 2922.52 2019.37 L 2923.89 2002.03 L 2924.76 1974.24 L 2925.26 1927.38 L 2925.26 1859.36 L 2917.05 1864.39 L 2908.13 1866.05 L 2900.86 1865.11 L 2894.88 1862.45 L 2889.77 1858.28 L 2885.67 1852.66 L 2834.78 1850.00 L 2821.17 1844.53 L 2810.09 1835.10 L 2804.54 1827.11 L 2801.30 1818.25 L 2800.15 1808.25 L 2800.58 1803.35 L 2801.95 1798.89 L 2813.18 1773.12 L 2815.05 1763.62 L 2818.80 1754.91 L 2824.19 1746.99 L 2830.75 1740.22 L 2901.36 1610.87 L 2901.79 1610.87 L 2911.29 1596.26 L 2922.09 1584.16 L 2930.44 1578.12 L 2940.38 1574.37 L 2952.18 1573.08 L 2967.66 1575.24 L 2981.26 1581.50 L 2992.42 1591.29 L 3000.34 1603.74 L 3057.06 1713.52 L 3066.63 1717.98 L 3074.98 1724.17 L 3082.26 1732.23 L 3087.73 1741.52 L 3091.04 1751.67 L 3092.12 1762.90 L 3089.89 1778.01 L 3097.52 1793.13 Z"
                  fill="url(#paint5_linear_7_591)" fillRule="nonzero" node-id="204" stroke="none" target-height="446.29004" target-width="302.33008" target-x="2800.15" target-y="1573.08"/>
                <path
                  d="M 554.49 1741.45 L 557.65 1752.17 L 560.17 1762.25 L 561.47 1770.46 L 560.39 1781.90 L 557.22 1792.27 L 551.97 1801.70 L 541.10 1813.43 L 527.35 1821.56 L 515.33 1822.21 L 503.96 1822.79 L 491.93 1822.79 L 393.39 1824.08 L 393.39 1929.47 L 394.32 1976.47 L 396.48 2019.01 L 399.65 2062.56 L 308.67 2062.56 L 310.54 2037.95 L 311.83 1998.50 L 312.48 1931.99 L 312.48 1835.46 L 304.85 1840.78 L 296.93 1843.88 L 288.44 1844.89 L 278.29 1843.59 L 269.79 1839.85 L 262.67 1833.95 L 256.84 1825.96 L 185.43 1822.21 L 172.26 1817.53 L 160.74 1810.55 L 150.66 1801.05 L 142.96 1789.68 L 138.35 1777.08 L 136.77 1762.90 L 137.42 1755.92 L 139.29 1749.65 L 155.12 1713.01 L 157.72 1699.62 L 162.97 1687.17 L 170.53 1675.94 L 179.74 1666.37 L 278.94 1482.74 L 279.58 1482.74 L 292.90 1462.01 L 308.02 1444.88 L 319.82 1436.24 L 333.71 1430.98 L 350.42 1429.11 L 365.17 1430.48 L 378.70 1434.44 L 391.16 1441.13 L 402.17 1449.99 L 411.10 1460.42 L 418.01 1472.66 L 497.62 1628.51 L 511.08 1634.77 L 522.82 1643.55 L 533.04 1655.00 L 540.74 1668.17 L 545.35 1682.56 L 546.93 1698.54 L 546.21 1708.69 L 543.76 1720.00 L 554.49 1741.45 Z"
                  fill="url(#paint6_linear_7_591)" fillRule="nonzero" node-id="206" stroke="none" target-height="633.4501" target-width="424.701" target-x="136.769" target-y="1429.11"/>
                <path d="M 722.24 1097.53 L 707.28 1091.94 L 693.53 1088.87 L 680.80 1088.00 L 668.87 1089.15 L 657.53 1092.22 L 646.61 1097.35 L 636.00 1104.65 L 625.61 1114.42 L 615.42 1127.02 L 605.38 1142.90 L 595.57 1162.58 L 586.12 1186.67 L 577.08 1215.81 L 568.67 1250.64 L 561.00 1292.00 L 593.65 1280.45 L 621.63 1268.65 L 645.42 1256.68 L 665.45 1244.57 L 682.16 1232.39 L 695.90 1220.17 L 707.03 1207.85 L 715.79 1195.43 L 722.45 1182.86 L 727.16 1170.02 L 729.99 1156.79 L 731.00 1143.07 L 730.13 1128.73 L 727.27 1113.62 L 722.24 1097.53 Z" fill="url(#paint7_linear_7_591)" fillRule="nonzero" node-id="208" stroke="none" target-height="204" target-width="170" target-x="561" target-y="1088"/>
                <path d="M 779.00 1047.00 L 747.63 1072.25 L 721.17 1095.72 L 699.10 1117.43 L 680.98 1137.61 L 666.33 1156.34 L 654.80 1173.78 L 646.00 1190.00" fill="none" node-id="210" stroke="url(#paint8_linear_7_591)" strokeLinecap="butt" strokeWidth="1" target-height="143" target-width="133" target-x="646" target-y="1047"/>
                <path
                  d="M 1467.52 302.00 L 1419.39 377.77 L 1374.27 444.21 L 1331.95 502.09 L 1292.32 552.13 L 1255.25 595.06 L 1220.50 631.57 L 1187.93 662.19 L 1157.46 687.60 L 1128.84 708.27 L 1101.99 724.77 L 1076.67 737.45 L 1058.45 747.02 L 1040.66 754.50 L 1023.24 760.08 L 1006.10 763.84 L 982.68 766.49 L 960.94 766.25 L 940.59 763.42 L 920.89 757.89 L 903.75 750.27 L 888.88 740.61 L 878.94 731.78 L 870.81 722.12 L 864.45 711.53 L 859.66 699.91 L 856.87 683.65 L 856.41 665.53 L 858.64 647.37 L 863.66 630.23 L 868.81 619.63 L 875.27 610.57 L 883.17 602.86 L 892.37 597.15 L 903.33 593.52 L 916.53 592.27 L 929.81 593.66 L 945.89 598.36 L 965.49 607.23 L 979.29 617.77 L 989.98 629.43 L 997.92 642.40 L 1003.63 656.57 L 1007.26 671.57 L 1008.84 687.51 L 1008.61 703.58 L 1006.84 719.80 L 1003.54 736.24 L 996.43 760.12 L 987.33 782.28 L 976.50 802.86 L 965.49 819.36 L 954.20 832.22 L 940.03 846.30 L 922.52 861.68 L 894.74 883.47 L 862.87 905.53 L 829.42 926.12 L 795.04 944.70 L 771.53 955.89 L 749.14 965.19 L 727.72 972.80 L 705.84 978.89 L 686.56 982.38 L 669.56 983.58"
                  fill="none" node-id="212" stroke="url(#paint9_linear_7_591)" strokeLinecap="butt" strokeWidth="1" target-height="681.583" target-width="797.964" target-x="669.556" target-y="302"/>
                <path d="M 998.00 2005.00 L 1587.00 2620.00 L 2918.00 2206.50 L 2165.50 1979.00 L 998.00 2005.00 Z" fill="url(#paint10_linear_7_591)" fillOpacity="0.68" fillRule="nonzero" node-id="214" stroke="none" target-height="641" target-width="1920" target-x="998" target-y="1979"/>
                <path d="M 789.82 1975.81 C 793.64 1971.31 800.40 1970.76 804.90 1974.58 L 970.33 2115.08 C 974.84 2118.91 975.39 2125.66 971.56 2130.17 L 961.76 2141.70 C 957.94 2146.21 951.18 2146.76 946.67 2142.93 L 781.25 2002.44 C 776.74 1998.61 776.19 1991.85 780.02 1987.35 L 789.82 1975.81 Z" fill={color3} fillOpacity="0.7" fillRule="nonzero" node-id="216" stroke="none" target-height="176" target-width="199.19397" target-x="776.192" target-y="1970.76"/>
                <path d="M 872.96 2080.33 L 894.91 2098.97 L 871.97 2125.98 C 869.99 2128.31 866.50 2128.59 864.17 2126.61 L 850.66 2115.14 C 848.33 2113.16 848.05 2109.67 850.03 2107.34 L 872.96 2080.33 Z" fill={color3} fillOpacity="0.7" fillRule="nonzero" node-id="218" stroke="none" target-height="48.26001" target-width="46.862" target-x="848.047" target-y="2080.33"/>
                <path d="M 914.60 2115.69 L 936.55 2134.33 L 913.61 2161.34 C 911.63 2163.67 908.13 2163.96 905.80 2161.98 L 892.30 2150.51 C 889.97 2148.53 889.68 2145.03 891.66 2142.70 L 914.60 2115.69 Z" fill={color3} fillOpacity="0.7" fillRule="nonzero" node-id="220" stroke="none" target-height="48.27002" target-width="46.862" target-x="889.684" target-y="2115.69"/>
                <path d="M 696.05 2010.95 C 729.77 2039.59 780.31 2035.47 808.95 2001.75 C 837.59 1968.03 833.47 1917.49 799.75 1888.85 C 766.03 1860.21 715.49 1864.33 686.85 1898.05 C 658.21 1931.77 662.33 1982.31 696.05 2010.95 Z M 718.99 1983.94 C 737.79 1999.91 765.97 1997.61 781.94 1978.81 C 797.91 1960.01 795.61 1931.83 776.81 1915.86 C 758.01 1899.89 729.83 1902.19 713.86 1920.99 C 697.89 1939.79 700.19 1967.97 718.99 1983.94 Z" fill={color3} fillOpacity="0.7" fillRule="evenodd" node-id="222" stroke="none" target-height="179.38" target-width="179.37299" target-x="658.214" target-y="1860.21"/>
                <path d="M 457.64 2080.79 C 456.43 2076.49 458.94 2072.02 463.24 2070.80 L 621.18 2026.32 C 625.48 2025.11 629.95 2027.61 631.16 2031.91 L 634.26 2042.93 C 635.47 2047.23 632.97 2051.70 628.67 2052.91 L 470.73 2097.40 C 466.43 2098.61 461.96 2096.10 460.75 2091.80 L 457.64 2080.79 Z" fill={color3} fillOpacity="0.5" fillRule="nonzero" node-id="224" stroke="none" target-height="73.50012" target-width="179.04001" target-x="456.433" target-y="2025.11"/>
                <path d="M 558.29 2072.73 L 579.24 2066.83 L 586.51 2092.62 C 587.13 2094.84 585.84 2097.15 583.61 2097.78 L 570.72 2101.41 C 568.50 2102.04 566.18 2100.74 565.56 2098.52 L 558.29 2072.73 Z" fill={color3} fillOpacity="0.5" fillRule="nonzero" node-id="226" stroke="none" target-height="35.20996" target-width="28.839966" target-x="558.294" target-y="2066.83"/>
                <path d="M 598.05 2061.53 L 619.00 2055.63 L 626.26 2081.42 C 626.89 2083.64 625.59 2085.96 623.37 2086.58 L 610.47 2090.21 C 608.25 2090.84 605.94 2089.55 605.31 2087.32 L 598.05 2061.53 Z" fill={color3} fillOpacity="0.5" fillRule="nonzero" node-id="228" stroke="none" target-height="35.210205" target-width="28.841003" target-x="598.046" target-y="2055.63"/>
                <path d="M 440.12 2154.43 C 472.31 2145.37 491.06 2111.92 481.99 2079.73 C 472.92 2047.54 439.48 2028.79 407.29 2037.86 C 375.10 2046.93 356.35 2080.37 365.42 2112.56 C 374.49 2144.76 407.93 2163.50 440.12 2154.43 Z M 432.86 2128.65 C 450.81 2123.59 461.26 2104.94 456.20 2086.99 C 451.15 2069.04 432.50 2058.59 414.55 2063.65 C 396.60 2068.70 386.15 2087.35 391.20 2105.30 C 396.26 2123.25 414.91 2133.70 432.86 2128.65 Z" fill={color3} fillOpacity="0.5" fillRule="evenodd" node-id="230" stroke="none" target-height="134.70996" target-width="134.707" target-x="356.35" target-y="2028.79"/>
                <path d="M 1025.00 1006.00 L 2107.00 1006.00 C 2173.27 1006.00 2227.00 1059.73 2227.00 1126.00 L 2227.00 1885.00 C 2227.00 1951.27 2173.27 2005.00 2107.00 2005.00 L 1025.00 2005.00 C 958.73 2005.00 905.00 1951.27 905.00 1885.00 L 905.00 1126.00 C 905.00 1059.73 958.73 1006.00 1025.00 1006.00 Z" fill="url(#paint11_linear_7_591)" fillRule="nonzero" node-id="232" stroke="none" target-height="999" target-width="1322" target-x="905" target-y="1006"/>
                <path d="M 1619.71 1552.02 C 1685.05 1529.60 1732.00 1467.77 1732.00 1395.01 C 1732.00 1303.32 1657.46 1229.00 1565.50 1229.00 C 1473.54 1229.00 1399.00 1303.32 1399.00 1395.01 C 1399.00 1467.05 1445.02 1528.39 1509.35 1551.36 L 1509.35 1727.99 C 1509.35 1758.37 1534.06 1783.00 1564.53 1783.00 C 1595.01 1783.00 1619.71 1758.37 1619.71 1727.99 L 1619.71 1552.02 Z" fill={color1} fillRule="nonzero" node-id="234" stroke="none" target-height="554" target-width="333" target-x="1399" target-y="1229"/>
                <path d="M 1540.39 495.14 L 1591.61 495.14 C 1717.04 495.14 1818.72 596.75 1818.72 722.08 L 1818.72 1006.00 L 2012.00 1006.00 L 2012.00 722.08 C 2012.00 490.08 1823.78 302.00 1591.61 302.00 L 1540.39 302.00 C 1308.22 302.00 1120.00 490.08 1120.00 722.08 L 1120.00 1006.00 L 1313.28 1006.00 L 1313.28 722.08 C 1313.28 596.75 1414.96 495.14 1540.39 495.14 Z" fill="url(#paint12_linear_7_591)" fillRule="nonzero" node-id="236" stroke="none" target-height="704" target-width="892" target-x="1120" target-y="302"/>
              </svg>
              <span className="core-page-title">403</span>
              <span className="core-page-message">{!!message ? i18n.$it(message).d(message) : i18n.$it('base.error403').d('您没有权限访问该页面')}</span>
              {closable !== false && <Button label={isFirstPage ? i18n.$it('base.close').d('关闭') : i18n.$it('base.back').d('返回')} mode="fill" onClick={close}/>}
            </div>
          </div>
        </PageCardContent>
      </PageCard>
    );
  };
});
